<template>
  <div class="warp">
    <h1>{{title}}</h1>
    <ul>
        <li v-for='(item,index) in list' :key='index'>{{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
    name:'Tab',
    props:['id','title','list']
}
</script>

<style scoped>
    .warp{
        width: 230px;
        height: 340px;
        background-color: aqua;
    }

    .warp h1{
        background-color: blue;
    }
</style>